<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="stylesheet" href="__STATIC__/index/css/quan_common.css">
  <link rel="stylesheet" href="__STATIC__/index/css/single.css">
  <link rel="stylesheet" href="__STATIC__/index/css/common.css">
  <link rel="stylesheet" href="__STATIC__/index/css/uc_common.css">
  <link rel="stylesheet" href="__STATIC__/index/css/all.css">
  <link rel="stylesheet" href="__STATIC__/index/css/main.css">
  <script src="__STATIC__/index/js/jquery-3.2.1.js"></script>
  <script src="__STATIC__/index/js/jquery.classyloader.js"></script>
  <title>我的结算</title>
  <style>
    .pub-header .head-block .yrz .user-block .username i {
      top: 31px;
    }
    #pieWeekS{
      margin-right: 100px;
    }
    .inlineB h3{
      text-align: center;
    }
    .my-index{
    	color: #4c6cc9 !important;
		  border-color: #4c6cc9 !important;
		  background-color: #e3efff;
    }
  </style>
</head>
<body>
	{include file='common/heade'}
	<div class="ext-center">
	 <div class="single_center w_1200">
		{include file='common/left_tg'}
		<div class="ext-right">
			 <div class="right-index">
          <div class="top-ext ivu-card ivu-card-dis-hover ivu-card-shadow" style="height:350px;">
            <div class="ivu-card-body">
              <div class="left-chart inlineB" style="width:100%;">
                <p class="relativeb"><span class="bold-line"></span> <span class="taoke-title">推广概况</span> <a href="#/ExtensionCenter/MyPresent"
                    class="watch-more">[我要提现]</a></p>
                <div id="pieWeekS" class="inlineB">
                  <h3>上周收入提现比</h3>
                  <div style="position:relative;">
                    <canvas id="canvas_1" width="200" height="232" style="width: 200px; height: 200px; cursor: default;"></canvas>
                    <div class="g-guide" style="position: absolute; bottom:-63px; left: 0px; visibility: visible; z-index: 7;">
                      <div style="color:#8c8c8c;font-size: 20px;text-align: center;width: 10em;">
                        <span style="color:#8c8c8c;font-size:14px">上周收入（元）：</span>0</div>
                        <div style="color:#8c8c8c;font-size: 20px;text-align: center;width: 10em;">
                            <span style="color:#8c8c8c;font-size:14px">上周提现（元）：</span>0</div>
                    </div>
                    <div class="g2-tooltip" style="position: absolute; visibility: hidden; z-index: 8;  line-height: 20px; padding: 10px 10px 6px; display: none;">
                      <div class="g2-tooltip-title"></div>
                      <ul class="g2-tooltip-list"></ul>
                    </div>
                  </div>
                </div>
                <div id="pieCountS" class="inlineB">
                    <h3>累计收入提现比</h3>
                  <div style="position:relative;">
                    <canvas id="canvas_2" width="200" height="232" style="width: 200px; height: 200px; cursor: default;"></canvas>
                    <div class="g-guide" style="position: absolute; bottom: -61px; left: 0px; visibility: visible; z-index: 7;">
                      <div style="color:#8c8c8c;font-size: 20px;text-align: center;width: 10em;"><span style="color:#8c8c8c;font-size:14px">累计收入（元）:</span>0.75</div>
                      <div style="color:#8c8c8c;font-size: 20px;text-align: center;width: 10em;">
                          <span style="color:#8c8c8c;font-size:14px">累计提现（元）：</span>100</div>
                    </div>
                    <div class="g2-tooltip" style="position: absolute; visibility: hidden; z-index: 8; line-height: 20px; padding: 10px 10px 6px; display: none;">
                      <div class="g2-tooltip-title"></div>
                      <ul class="g2-tooltip-list"></ul>
                    </div>
                  </div>
                </div>
                <div class="inlineB count-text">
                  <p class="big-size">0.75</p>
                  <p class="small-color">累计收入：元</p>
                  <p class="big-size">100</p>
                  <p class="small-color">累计提现：元</p>
                </div>
              </div>
            </div>
          </div>
          <div class="news-list">
            <div class="news-left" style="width:100%;">
              <p class="relativeb"><span class="bold-line"></span> <span class="taoke-title">淘客动态</span></p>
              <ul class="news-ul">
                <li><span class="article-title"><a href="#" class="">大采集全面开放招商入驻及考核要求</a></span> <span
                    class="time">2018-12-03 14:32:52</span></li>
                <li><span class="article-title"><a href="#" class="">淘客工作总纲及给新人的学习建议 ?</a></span>
                  <span class="time">2018-08-09 17:24:01</span></li>
                <li><span class="article-title"><a href="#" class="">共享玩法，盛夏里的冬意</a></span> <span
                    class="time">2018-08-09 17:23:47</span></li>
                <li><span class="article-title"><a href="#" class="">红利尽失的情况下，如何才能轻松引流?</a></span>
                  <span class="time">2018-08-09 17:23:25</span></li>
                <li><span class="article-title"><a href="#" class="">看趋势，不断升级你的操作系统</a></span> <span
                    class="time">2018-06-30 11:41:48</span></li>
              </ul>
            </div>
          </div>
          <div class="footer-bg ext-footer"></div>
        </div>
        </div>
		</div>
       
		</div>
</body>
<script>
$(document).ready(function(){
 $('#canvas_2').ClassyLoader({
                speed: 30,
                diameter: 80,
                fontSize: '30px',
                fontFamily: 'Courier',
                fontColor: 'rgba(0,0,0,0.4)',
                lineColor: '#4c6cc9',
                percentage: 30,
                lineWidth: 20,
                start: 'top',
                showText: false,
                remainingLineColor: 'rgba(200,200,200,0.1)'
            });
$('#canvas_1').ClassyLoader({
    speed: 30,
    diameter: 80,
    fontSize: '30px',
    fontFamily: 'Courier',
    fontColor: 'rgba(0,0,0,0.4)',
    lineColor: '#4c6cc9',
    percentage: 30,
    lineWidth: 20,
    start: 'top',
    remainingLineColor: 'rgba(200,200,200,0.1)',
    showText: false
});
          })
</script>
</html>